body {
	font-family: "微软雅黑";
}

.page_banner {
	margin-bottom: 2%;
}

ul {
	padding: 0;
	list-style: none;
}

.pro_list li.active {
	background-color: #36d167;
	margin-top: 0;
	color: #fff;
	padding: 0;
}

.pro_list li.active .pro_img {
	background-color: #fff;
}

.pro_list li:nth-child(odd) .pro_img {
	float: left;
}

.pro_list li:nth-child(even) .pro_img {
	float: right;
}

.pro_list li:nth-child(odd) .pro_dec {
	float: right;
}

.pro_list li:nth-child(even) .pro_dec {
	float: left;
}

@media screen and (max-width: 767px) {

	/*如果文档宽度小于768px 像素则修改 */
	.pro_list li.active {
		background-color: #fff;
	}

	.pro_list li.active .pro_dec {
		background-color: #36d167;
		text-align: center;
	}

	.pro_list li div {
		float: none !important;
	}
}

.pro_list li {
	margin-bottom: 10%;
}

.pro_dec {
	text-align: center;
	padding: 4% 5%;
}

.pro_dec h3 {
	color: #4a4c4b;
	font-size: 16px;
	text-align: center;
	margin-bottom: 3%;
	margin-top: 5%;
}

.pro_dec p {
	line-height: 22px;
	font-size: 12px;
	color: #555555;
	margin-bottom: 5%;
}

.pro_dec span {
	display: inline-block;
	border: 1px solid #36d167;
	padding: 4%;
	/*padding-bottom: 5%;*/
	margin-top: 3%;
}

.pro_dec span a {
	display: inline-block;
	border: none;
	background-color: #36d167;
	color: #fcfafa;
}

.pro_list li.active .pro_dec h3 {
	color: #fcfcfc;
}

.pro_dec p.active {
	color: #fcfcfc;
}

.pro_list li.active .pro_dec span {
	border: 1px solid #fcfcfc;
}